<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
		<title>首页</title>
		<meta name="keywords" content="">
		<meta name="description" content="">

		<link href="iconfont/iconfont.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/iconfont.css" />
		<link href="iconfont/iconfont.css" rel="stylesheet">
		<link href="css/mui.min.css" rel="stylesheet">
		<link href="css/all.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/loaders.min.css" />
		<link rel="stylesheet" type="text/css" href="css/loading.css" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link href="css/mui.picker.css" rel="stylesheet" />
		<link rel="stylesheet" href="js/swiper/swiper.min.css">
		<link href="css/mui.poppicker.css" rel="stylesheet" />
		<script src="js/rem.js"></script>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" charset="utf-8">
			$(window).load(function() {
				//系统必备的属性储存
				
				window.localStorage.userid=11;
				window.localStorage.urlip="http://192.168.43.200:8080/";
				$(".loading").addClass("loader-chanage")
				$(".loading").fadeOut(300)
			})
		</script>
		<style type="text/css">
			.prat {
				width: 100%;
				height: 160px;
				background-position: center;
				background-size: cover;
				/*border-radius: 10px;*/
			}
			.index_dl_01 {
				width: 46%;
				height: 240px;
				float: left;
				margin-left: 2.5%;
				background: #E6E6E6;
				margin-bottom: 3%;
				/*border-radius: 10px;*/
			}
			
			p {
				color: #EC971F;
			}
			
			.centerflex {
				border: 1px solid #A0A0A0;
				margin-left: 10%;
				font-size: 12px;
				height: 100%;
				border-radius: 20px;
			}
			
			.icona {
				float: left;
				margin-top: -1%;
				margin-left: -6%;
			}
			.index_p_01{
				margin-top: -20px;
				margin-right: 35px;
			}
			</style>
	</head>
	<!--loading页开始-->
	<div class="loading">
		<div class="loader">
			<div class="loader-inner pacman">
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
			</div>
		</div>
	</div>
	<!--loading页结束-->

	<body>
		<header class="mui-bar mui-bar-nav" id="header">
			<div class="top-sch-box flex-col">
				<a class="icona" href="#">
					<!-- href="weizhixuanze.html "-->
					<img id="showCityPicker3" src="images/address.png" style="height: 30px; width: auto; margin-top: 5px;" />
					<h5 id="setsrui" style=" display: inline-block;line-height: 44px;"></h5>
				</a>
				<div class="centerflex">
					<i class="fdj iconfont icon-search"></i>
					<div class="sch-txt">请输入关键词</div>
					<span class="shaomiao"><i class="iconfont icon-saoma"><img src="img/icon/ftmenu2.png" class="sch-txt" style="height: 30px; width: auto;" /> </i></span>
				</div>
			</div>
		</header>

		<div id="main" class="mui-clearfix">
			<!-- 搜索层 -->
			<div class="pop-schwrap">
				<div class="ui-scrollview">
					<div class="mui-bar mui-bar-nav clone">
						<a href="index.html" class="mui-icon mui-icon-left-nav mui-pull-left" style="color: #007AFF;"></a>
						<div class="top-sch-box flex-col" style="border:  1px solid #A0A0A0; width: 50%; margin-left: 10%;">
							<input class="sch-input mui-input-clear" type="text" name="" id="" placeholder="请输入关键字" />
						</div>
						<a class="mui-btn mui-btn-primary sch-submit" style="background-color: #fff; color: #000000" href="#">搜索</a>
					</div>
				</div>
			</div>

			<div class="mui-content">
				<div class="home-nav ui-box">
					<div class="ui-flex flex-justify-sb">
						<div id="classone">
							<a href="#"><img src="img/homenav1.png" alt="" /></a>
						</div>
						<div id="classtwo">
							<a href="#"><img src="img/homenav2.png" alt="" /></a>
						</div> 
						<div id="classthree">
							<a href="#"><img src="img/homenav3.png" alt="" /></a>
						</div>
						<div id="classfour">
							<a href="#"><img src="img/homenav4.png" alt="" /></a>
						</div>
					</div>
				</div>

				<div class="home-qnav ui-box">
					<div class="ui-flex flex-justify-sb">

						<div>
							<a href="#"><img src="img/qnav2.png" class="ico" /><span class="name"></span></a>
						</div>
						<div>
							<a href="#"><img src="img/qnav3.png" class="ico" /><span class="name"></span></a>
						</div>
						<div>
							<a href="#"><img src="img/qnav4.png" class="ico" /><span class="name"></span></a>
						</div>
						<div>
							<a href="#" onclick="create()"><img src="img/meiriyiting.jpg" class="ico" /><span class="name"></span></a>
						</div>

					</div>
				</div>

				<div class="home-newgoods ui-box">
					<img class="home-imgtit" src="img/hometit.jpg" alt="" />
					<a href="kecheng.html" style="float: right; border:1px solid transparent;color: #000000;">
						<!--<span class="mui mui-icon  mui-icon-more"></span>-->
						<p class="index_p_01">更多</p>
					</a>
				</div>
				
				<section id="proidone" class="self">
					
				</section>
			</div>
		</div>
		<footer class="page-footer fixed-footer " id="footer">
			<ul style="font-size: 12%">
				<li>
					<a href="index.html">
						<img src="images/footer001.png" />
						<p>
							<font size="1"> 首页</font>
						</p>
					</a>
				</li>
				<li>
					<a href="index-bak.html">
						<img src="images/footer02.png" />
						<p>
							<font size="1"> 附近 </font>
						</p>
					</a>
				</li>
				<li>
					<a href="shopcar.html">
						<img src="images/footer03.png" />
						<p>
							<font size="1"> 购物车 </font>
						</p>
					</a>
				</li>
				<li class="active">
					<a href="self.html">
						<img src="images/footer04.png" />
						<p>
							<font size="1"> 个人中心</font>
						</p>
					</a>
				</li>
			</ul>
		</footer>
	</body>
	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<script src="js/fastclick.js"></script>
	<script src="js/mui.min.js"></script>
	<script type="text/javascript" src="js/hmt.js"></script>
	<script src="js/swiper/swiper.jquery.min.js"></script>
	<script src="js/global.js"></script>
	<script src="js/mui.picker.js"></script>
	<script src="js/mui.poppicker.js"></script>
	<script src="js/city.data.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/city.data-3.js" type="text/javascript" charset="utf-8"></script>
	<script>
		mui.init();
		var classone = document.getElementById("classone");
		//第一排第一个按钮跳转课程
		classone.addEventListener('tap',function(){
			var kecheng = plus.webview.create('kecheng.html');
			//将proclass放到session范围里
			window.localStorage.proclass=1;
			kecheng.show();
		})
		var classtwo = document.getElementById("classtwo");
		//第一排第二个按钮跳转课程
		classtwo.addEventListener('tap',function(){
			var kecheng = plus.webview.create('kecheng.html');
			//将proclass放到session范围里
			window.localStorage.proclass=5;
			kecheng.show();
		})
		var classthree = document.getElementById("classthree");
		//第一排第三个按钮跳转课程
		classthree.addEventListener('tap',function(){
			var kecheng = plus.webview.create('kecheng.html');
			//将proclass放到session范围里
			window.localStorage.proclass=9;
			kecheng.show();
		})
		var classfour = document.getElementById("classfour");
		//第一排第四个按钮跳转课程
		classfour.addEventListener('tap',function(){
			var kecheng = plus.webview.create('kecheng.html');
			//将proclass放到session范围里
			window.localStorage.proclass=13;
			kecheng.show();
		})
		
		
		$(function() {
			//首页精品课程加载
			$.post(localStorage["urlip"]+"shop/showProType.do",
			{pagenow:1,pagesize:4,protypeid:1},function(data){
				// alert("数据: " + data + "\n状态: ");
				var dataObj=eval("("+data+")");   
				//var proidone = document.getElementById('proidone');
				var html='';
				for(var i=0;i<dataObj.length;i++){
					var a=i+1;
					html+="<dl class='index_dl_01'>"
						+"<a href='detail222.html'>"
						+"<dt><img class='prat' src='"+dataObj[i].proimg+"' /> </dt>"
						+"<dd style='margin-top: -15px;'>"
						+"<span style='font-size: 15px;color: #000000;'>&nbsp;&nbsp;"+dataObj[i].proname +"</span>"
						+"<p></p>"
						+"<p style='color: red;>&nbsp;&nbsp;¥4980.00<span style='color: #B6B6B6;'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;库存0件</span></p>"
						+"</dd></a></dl>";
	  	       		//alert(dataObj[i].proid+" "+dataObj[i].proname+" "+dataObj[i].prosite);
				}
		     	document.getElementById('proidone').innerHTML=html;
			}); 
			
			var banner = new Swiper('.banner', {
				autoplay: 5000,
				pagination: '.swiper-pagination',
				paginationClickable: true,
				lazyLoading: true,
				loop: true
			});

			mui('.pop-schwrap .sch-input').input();
			var deceleration = mui.os.ios ? 0.003 : 0.0009;
			mui('.pop-schwrap .scroll-wrap').scroll({
				bounce: true,
				indicators: true,
				deceleration: deceleration
			});
			$('.top-sch-box .fdj,.top-sch-box .sch-txt,.pop-schwrap .btn-back').on('click', function() {
				$('html,body').toggleClass('holding');
				$('.pop-schwrap').toggleClass('on');
				if($('.pop-schwrap').hasClass('on')) {;
					$('.pop-schwrap .sch-input').focus();
				}
			});
		});

		function create() {
			var w = plus.webview.create('listen_day.html');
			w.show(); 
		}
		(function($, doc) {
			$.init();
			$.ready(function() {
				var _getParam = function(obj, param) {
					return obj[param] || '';
				};
				var cityPicker3 = new $.PopPicker({
					layer: 3
				});
				cityPicker3.setData(cityData3);
				var showCityPickerButton = doc.getElementById('showCityPicker3');
				var setsrui = document.getElementById("setsrui");
				var cityResult3 = doc.getElementById('cityResult3');
				showCityPickerButton.addEventListener('tap', function(event) {
					cityPicker3.show(function(items) {
//						cityResult3.innerText = "•" + _getParam(items[2], 'text');
						setsrui.innerHTML = _getParam(items[2], 'text');
					});
				}, false);
			});
		})(mui, document);
	</script>

</html>
<!--var x = new Array();
				var i=0;
				while(i<16){
					var a = "index_dl_0"+(i+1);
				 x = document.getElementById(a);
				x.innerHTML='<a href="'+"detail222.html"+'">'
							+'<dt id="prat1"></dt>'
							+'<dd>'
							+'<p></p>'	
							+'<span style="font-size: 15px; color: #000000;">&nbsp;&nbsp;每日推荐</span>'	
							+'<p></p>'	
							+'<p style="color: red;">&nbsp;&nbsp;¥4980.00<span style="color: #B6B6B6;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'+"0"+'件已售</span></p>'	
							+'</dd>'
							+'</a>';
				i++;
				}-->
